<!-- file input -->
<script type="text/javascript" src="../../static/js/fileinput/fileinput.js"
        th:src="@{/js/fileinput/fileinput.js}"></script>
<link rel="stylesheet" href="../../static/css/fileinput/fileinput.css" type="text/css"
      th:href="@{/css/fileinput/fileinput.css}"/>
<div class="row">
    <div class="col-md-6 col-sm-6 col-xs-12">
        <div class="x_panel">
            <div class="x_title">
                <h2>任务分派</h2>
                <div class="clearfix"></div>
            </div>
            <input type="hidden" id="SERVERIP" th:value="${SERVERIP}" />
            <input type="hidden" id="LNGLOA" th:value="${LNG}" />
            <input type="hidden" id="LATLOA" th:value="${LAT}" />
            <div class="x_content">
                <table class="w_table table table-striped bulk_action">
                    <thead>
                    <tr>
                        <th>序号</th>
                        <th>案件编号</th>
                        <th>案件标题</th>
                        <th>案件来源</th>
                        <th>发生时间</th>
                        <th>当前环节</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody id="text">
                    <!--督办 催办-->
                    <tr class="even pointer" th:each="data,iterStat : ${datas.content}" th:id="${data.eventId}"
                        th:attr="lat=${data.lat}, lng=${data.lng}"
                        th:taskId="${data.taskId}" onclick="assignment(this)">
                        <!--<td  style="position: relative" >-->
                        <!--<span th:text="${iterStat.count}"></span>-->
                        <!--<span th:if="${data.status eq '1'and data.urgeStatus ne '1'}" class="span_text on" >督</span>-->
                        <!--<span th:if="${data.urgeStatus eq '1' and data.status ne '1'}" class="span_text " >催</span>-->
                        <!--<span th:if="${data.status eq '1' and data.urgeStatus eq '1' }" class="span_text en" ><em>督</em>催</span>-->

                        <!--&lt;!&ndash;去掉on 就是催办&ndash;&gt;-->
                        <!--</td>-->
                        <td><a href="javascript:;" th:text="${iterStat.count}"></a></td>
                        <td style="width: 16%; word-wrap:break-word; word-break:break-all;"><a href="#" th:text="${data.eventCode}"></a></td>
                        <td><a href="#" th:text="${data.eventTitle}"></a></td>
                        <td><a href="javascript:;" th:text="${data.val}"></a></td>
                        <!--<td><a href="javascript:;" th:text="${data.cdate}"></a></td>-->
                        <td><a href="javascript:;" th:text="${#dates.format(data.cdate, 'yyyy-MM-dd HH:mm:ss')}"></a>
                        </td>
                        <td>
                            <button th:id="${data.eventId}" onclick="getImg(this)"
                                    class="fa fa fa-area-chart btn btn-round btn-default " type="button"
                                    data-toggle="modal" data-target="#myModalInfo_5">流程图
                            </button>
                        </td>
                        <td>
                            <div class="bu_hover">
                                <span class="fa fa-pencil-square-o btn btn-round btn-default initial_block">处理</span>
                                <ul class="bu_left">
                                    <li th:each="btn,iterStat : ${data.outcomeList}">
                                        <button class="fa fa-pencil-square-o btn btn-round btn-default initial_block"
                                                type="button"
                                                th:text="${btn}" th:value="${data.taskId}" th:id="${btn}"
                                                th:attr="eventId=${data.eventId}"
                                                onclick="model(this)">
                                        </button>
                                    </li>
                                </ul>
                            </div>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div id="pagination" class="col-md-12 pagination" th:replace="pagination :: pagination">
            </div>
        </div>
    </div>
    <div class="col-md-6 col-sm-6 col-xs-12">
        <div class="x_panel">
            <div class="x_content">
                <div id="map"></div>
            </div>
        </div>
        <div class="x_panel">

            <div class="x_content">
                <div class="" role="tabpanel" data-example-id="togglable-tabs">
                    <ul id="myTab" class="nav nav-tabs bar_tabs" role="tablist">

                        <li role="presentation" class="active"><a href="#tab_content1" id="home-tab" role="tab"
                                                                  data-toggle="tab" aria-expanded="true">详细信息</a>
                        </li>
                        <li role="presentation" class=""><a href="#tab_content2" id="" role="tab"
                                                            data-toggle="tab" aria-expanded="false">流转记录</a>
                        </li>
                        <li role="presentation" class="" style="display: none" id="hotTab"><a href="#tab_content3"
                                                                                              role="tab"
                                                                                              id="profile-tab2"
                                                                                              data-toggle="tab"
                                                                                              aria-expanded="false">举报人信息</a>
                        </li>
                        <li role="presentation" id="status" class="" style="display: none">
                            <a href="#tab_content4" role="tab" data-toggle="tab" aria-expanded="false">督办</a>
                        </li>
                        <li role="presentation" id="urgeStatus" class="" style="display: none">
                            <a href="#tab_content5" role="tab" data-toggle="tab" aria-expanded="false">催办</a>
                        </li>
                    </ul>
                    <div id="myTabContent" class="tab-content">
                        <div role="tabpanel" class="tab-pane fade" id="tab_content3" aria-labelledby="profile-tab">
                            <form class="form-horizontal form-label-left">
                                <!--举报人 描述   地理信息  姓名  联系方式   身份证号码-->
                                <div class="form-group">
                                    <label class="control-label col-md-3 col-sm-3 col-xs-12">举报人姓名:</label>
                                    <div class="col-md-9 col-sm-9 col-xs-12">
                                        <input type="text" class="form-control" id="name"
                                               readonly="readonly"/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label col-md-3 col-sm-3 col-xs-12">举报人联系方式:</label>
                                    <div class="col-md-9 col-sm-9 col-xs-12">
                                        <input type="text" class="form-control" id="tel"
                                               readonly="readonly"/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label col-md-3 col-sm-3 col-xs-12">举报人身份证号码:</label>
                                    <div class="col-md-9 col-sm-9 col-xs-12">
                                        <input type="text" class="form-control" id="id"
                                               readonly="readonly"/>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="control-label col-md-3 col-sm-3 col-xs-12">举报人描述：</label>
                                    <div class="col-md-9 col-sm-9 col-xs-12">
                                        <textarea class="form-control" rows="3"
                                                  id="hotLineDescribe"
                                                  readonly="readonly"></textarea>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label col-md-3 col-sm-3 col-xs-12">地理信息：</label>
                                    <div class="col-md-9 col-sm-9 col-xs-12">
                                        <textarea class="form-control" rows="3"
                                                   id="addr"
                                                  readonly="readonly"></textarea>
                                    </div>
                                </div>


                                <div class="ln_solid"></div>
                            </form>
                        </div>
                        <div role="tabpanel" class="tab-pane fade" id="tab_content2" aria-labelledby="profile-tab">
                            <div class="x_content"
                                 style="width: 100%; max-height: 510px; overflow:hidden; overflow-y: scroll;">
                                <ul class="list-unstyled timeline" id="commentTree">

                                </ul>
                            </div>
                        </div>
                        <div role="tabpanel" class="tab-pane fade active in" id="tab_content1"
                             aria-labelledby="home-tab">
                            <form class="form-horizontal form-label-left">

                                <div class="form-group">
                                    <label class="control-label col-md-2 col-sm-3 col-xs-12">上报人:</label>
                                    <div class="col-md-4 col-sm-9 col-xs-12">
                                        <input type="text" class="form-control" readonly="readonly" id="empName1" />
                                    </div>
                                    <label class="control-label col-md-2 col-sm-3 col-xs-12">案件分类:</label>
                                    <div class="col-md-4 col-sm-9 col-xs-12">
                                        <input type="text" class="form-control" readonly="readonly" id="eventTypeId" />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label col-md-2 col-sm-3 col-xs-12">所属网格：</label>
                                    <div class="col-md-10 col-sm-9 col-xs-12">
                                        <input type="text" class="form-control" readonly="readonly" id="gridId" />
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="control-label col-md-2 col-sm-3 col-xs-12">案件地址：</label>
                                    <div class="col-md-10 col-sm-9 col-xs-12">
                                        <input type="text" class="form-control" readonly="readonly" id="eventLocation" />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label col-md-2 col-sm-3 col-xs-12">案件位置：</label>
                                    <div class="col-md-5 col-sm-9 col-xs-12">
                                        <input type="text" class="form-control" id="lng" readonly="readonly" />
                                    </div>
                                    <div class="col-md-5 col-sm-9 col-xs-12">
                                        <input type="text" class="form-control" id="lat" readonly="readonly" />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label col-md-2 col-sm-3 col-xs-12">案件编码：</label>
                                    <div class="col-md-10 col-sm-9 col-xs-12">
                                        <input type="text" class="form-control" id="eventCode" readonly="readonly" />
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="control-label col-md-2 col-sm-3 col-xs-12">案件描述：</label>
                                    <div class="col-md-10 col-sm-9 col-xs-12">
                                        <textarea class="form-control" rows="3" id="eventContent"  readonly="readonly"></textarea>
                                    </div>
                                </div>
                                <div class="ln_solid"></div>
                            </form>
                        </div>
                        <div role="tabpanel" class="tab-pane fade" id="tab_content4" aria-labelledby="profile-tab">
                            <div class="x_content"
                                 style="width: 100%; min-height: 120px; height: auto; max-height: 280px; overflow:hidden; overflow-y: scroll;">
                                <ul class="list-unstyled timeline" id="commentTree4">
                                    <li>
                                        <div class="block du">
                                            <div class="tags">
                                                <style>
                                                    .du .tag:after {
                                                        border-left: 11px solid #9935fe;
                                                    }

                                                    .cui .tag:after {
                                                        border-left: 11px solid #fa5959;
                                                    }
                                                </style>
                                                <a href="" class="tag" style="background: #9935fe; ">
                                                    <span>Entertainment</span>
                                                </a>
                                            </div>
                                            <div class="block_content">
                                                <h2 class="title">
                                                    <a>Smith</a>
                                                </h2>
                                                <div class="byline">
                                                    by <a>Jane Smith</a>
                                                </div>
                                                <p class="excerpt">Film festivals used to be do-or-die
                                                    moments for movie makers. They
                                                    were where you met the producers that could fund your project, and
                                                    if the buyers
                                                    liked your flick, they’d pay to Fast-forward and… <a>
                                                    </a>
                                                </p>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div role="tabpanel" class="tab-pane fade" id="tab_content5" aria-labelledby="profile-tab">
                            <div class="x_content"
                                 style="width: 100%; min-height: 120px; height: auto; max-height: 280px; overflow:hidden; overflow-y: scroll;">
                                <ul class="list-unstyled timeline" id="commentTree5">
                                    <li>
                                        <div class="block cui">
                                            <div class="tags">
                                                <style>
                                                    .du .tag:after {
                                                        border-left: 11px solid #9935fe;
                                                    }

                                                    .cui .tag:after {
                                                        border-left: 11px solid #fa5959;
                                                    }
                                                </style>
                                                <a href="" class="tag" style="background: #fa5959; ">
                                                    <span>Entertainment</span>
                                                </a>
                                            </div>
                                            <div class="block_content">
                                                <h2 class="title">
                                                    <a>Smith</a>
                                                </h2>
                                                <div class="byline">
                                                    by <a>Jane Smith</a>
                                                </div>
                                                <p class="excerpt">Film festivals used to be do-or-die
                                                    moments for movie makers. They
                                                    were where you met the producers that could fund your project, and
                                                    if the buyers
                                                    liked your flick, they’d pay to Fast-forward and… <a>
                                                    </a>
                                                </p>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--Modal   根据时间轴查看 附件信息  -->
<div class="modal fade" id="ModalInfo" tabindex="-1" role="dialog" aria-labelledby="ModalInfo">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title">附件信息</h4>
            </div>
            <div class="modal-body">
                <div class="" role="tabpanel" data-example-id="togglable-tabs">
                    <ul id="2myTab2" class="nav nav-tabs bar_tabs" role="tablist">
                        <li role="presentation" class="active"><a href="#2tab_content12" id="2home-tab2" role="tab"
                                                                  data-toggle="tab" aria-expanded="true">图片</a>
                        </li>
                        <li role="presentation" class=""><a href="#video" role="tab" id="2profile-tab12"
                                                            data-toggle="tab" aria-expanded="false">视频</a>
                        </li>
                        <li role="presentation" class=""><a href="#audio" role="tab" id="2profile-tab22"
                                                            data-toggle="tab" aria-expanded="false">音频</a>
                        </li>
                    </ul>
                    <div id="picture" class="tab-content">
                        <div role="tabpanel" class="tab-pane fade active in" id="2tab_content12"
                             aria-labelledby="profile-tab">
                            <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                                <!-- Indicators -->
                                <!--<ol class="carousel-indicators">-->
                                    <!--<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>-->
                                    <!--<li data-target="#carousel-example-generic" data-slide-to="1"></li>-->
                                    <!--<li data-target="#carousel-example-generic" data-slide-to="2"></li>-->
                                <!--</ol>-->
                                <!-- Wrapper for slides -->
                                <div id="eventImg" class="carousel-inner" role="listbox">

                                </div>
                                <!-- Controls -->
                                <!--<a class="left carousel-control" href="#carousel-example-generic" role="button"-->
                                   <!--data-slide="prev">-->
                                    <!--<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>-->
                                    <!--<span class="sr-only">Previous</span>-->
                                <!--</a>-->
                                <!--<a class="right carousel-control" href="#carousel-example-generic" role="button"-->
                                   <!--data-slide="next">-->
                                    <!--<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>-->
                                    <!--<span class="sr-only">Next</span>-->
                                <!--</a>-->
                            </div>

                        </div>
                        <div role="tabpanel" class="tab-pane fade" id="video" aria-labelledby="profile-tab">
                            <div id="mp4"
                                 style="width: 100%; min-height: 120px; height: auto; max-height: 280px;  overflow:hidden; overflow-y: scroll;">
                                视频展示以及视频插件
                                <video width="320" height="240" controls>
                                    <source th:each="accessory,iterStat : ${messageAccessories}"
                                            th:src="@{'http://localhost:8020/'+${accessory.accessoryPath}}" width="352"
                                            height="264" controls autobuffer th:if="${accessory.accessoryType}=='2'"
                                            type="video/mp4">
                                    您的浏览器不支持 HTML5 video 标签。
                                </video>
                            </div>
                        </div>
                        <div role="tabpanel" id="audio" class="tab-pane fade" aria-labelledby="profile-tab">
                            <div id="mp3"
                                 style="width: 100%; min-height: 120px; height: auto; max-height: 280px;  overflow:hidden; overflow-y: scroll;">
                                <audio controls>
                                    <source height="100" width="352" type="audio/ogg">
                                    您的浏览器不支持 audio 元素。
                                </audio>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>
<!-- 流程图 -->
<div class="modal fade" id="myModalInfo_5" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document" style="width: 1255px;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title">流程图</h4>
            </div>
            <div class="modal-body">
                <div id="lct" style="position: relative; width: 1130px; margin: 0 auto">
                    <img style="display: block; width: 100%; margin: 0 auto;" id="img" class="chart_img"
                         src="../../images/lct.png"/>
                    <div id="imgstyle">
                        <i class="fa fa-bookmark" style=" float: right; margin:8px; color: rgb(230,28,100);"></i>
                    </div>
                </div>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-dismiss="modal">关闭</button>

            </div>
        </div>
    </div>
</div>
<!--  正常下一步model -->
<form action="" id="findForm" enctype="multipart/form-data" class="form-inline" style="z-index: 10000">
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <input id="taskId2" name="taskId" type="hidden"/>
        <input id="outcome" name="outCome" type="hidden"/>
        <!-- 测试试用下一步连线处理人 -->
        <input name="assignee" type="hidden" value="18"/>
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">附件信息</h4>
                </div>
                <div class="modal-body">
                    <div class="" role="tabpanel" data-example-id="togglable-tabs">
                        <ul id="2myTab" class="nav nav-tabs bar_tabs" role="tablist">
                            <li role="presentation" class="active">
                                <a href="#2tab_content4" role="tab" id="2profile-tab3" data-toggle="tab"
                                   aria-expanded="false">处理意见</a>
                            </li>

                            <li role="presentation" class="">
                                <a href="#2tab_content1" id="2home-tab" role="tab" data-toggle="tab"
                                   aria-expanded="true">图片</a>
                            </li>
                            <li role="presentation" class="">
                                <a href="#2tab_content2" role="tab" id="2profile-tab1" data-toggle="tab"
                                   aria-expanded="false">视频</a>
                            </li>
                            <li role="presentation" class="">
                                <a href="#2tab_content3" role="tab" id="2profile-tab2" data-toggle="tab"
                                   aria-expanded="false">音频</a>
                            </li>
                        </ul>
                        <div id="2myTabContent" class="tab-content">
                            <div role="tabpanel" class="tab-pane fade" id="2tab_content1"
                                 aria-labelledby="2home-tab">
                                <!--<input type="file" name="filePcitureOne"/>-->
                                <!--<input type="file" name="filePcitureTwo"/>-->
                                <div class="form-group">
                                    <input id="UploadPictures" name="imgFile" class="file" type="file" multiple/>
                                    <input  class="imgStr" type="hidden" name="imgStr"/>
                                </div>
                            </div>
                            <div role="tabpanel" class="tab-pane fade" id="2tab_content2" aria-labelledby="profile-tab">
                                <div style="width: 100%; min-height: 120px; height: auto; max-height: 280px;  overflow:hidden; overflow-y: scroll;">
                                    <!--视频展示以及视频插件-->
                                    <div class="form-group">
                                        <input id="UploadVideo" name="vedioFile" class="file" type="file" multiple
                                               data-preview-file-type="any"/>
                                        <input  class="vedioStr" type="hidden" name="vedioStr"/>
                                    </div>
                                </div>
                            </div>
                            <div role="tabpanel" class="tab-pane fade" id="2tab_content3" aria-labelledby="profile-tab">
                                <div style="width: 100%; min-height: 120px; height: auto; max-height: 280px;  overflow:hidden; overflow-y: scroll;">
                                    <!--音频展示以及音频插件-->
                                    <div class="form-group">
                                        <input id="UploadAudio" name="audioFile" class="file" type="file" multiple
                                               data-preview-file-type="any"/>
                                        <input  class="audioStr" type="hidden" name="audioStr"/>
                                    </div>
                                </div>

                            </div>
                            <div role="tabpanel" class="tab-pane fade  active in" id="2tab_content4"
                                 aria-labelledby="profile-tab">
                                <div style="width: 100%; min-height: 120px; height: auto; max-height: 280px;  overflow:hidden; overflow-y: scroll;">
                                    <textarea class="in_block"
                                              style="outline: none; width: 100%; min-height: 120px; height: auto; max-height: 280px;"
                                              id="comment1"
                                              name="comment"
                                              placeholder="请输入处理意见..."></textarea>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary " data-dismiss="modal" aria-label="Close" id="complete"
                            onclick="complete2()">
                    </button>
                </div>
            </div>
        </div>
    </div>
</form>
<!--  上报街道  -->
<form action="" id="findForm2" enctype="multipart/form-data" class="form-inline" style="z-index: 10000">
    <div class="modal fade" id="myModa2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        &times;
                    </button>
                    <h4 class="modal-title" id="myModalLabel2">
                        案件详情
                    </h4>
                </div>
                <input id="taskId3" name="taskId" type="hidden"/>
                <input id="outcome3" name="outCome" type="hidden"/>
                <input id="assigneeList2" name="assignee" type="hidden"/>
                <div class="modal-body">
                    <div class="" role="tabpanel" data-example-id="togglable-tabs">
                        <ul id="3myTab" class="nav nav-tabs bar_tabs" role="tablist">
                            <li role="presentation" class="active">
                                <a href="#3tab_content4" role="tab" id="3profile-tab3" data-toggle="tab"
                                   aria-expanded="false">处理意见</a>
                            </li>
                            <li role="presentation">
                                <a href="#3tab_content5" role="tab" id="3profile-tab" data-toggle="tab"
                                   aria-expanded="false">上报街道</a>
                            </li>
                            <li role="presentation" class="">
                                <a href="#3tab_content1" id="3home-tab" role="tab" data-toggle="tab"
                                   aria-expanded="true">图片</a>
                            </li>
                            <li role="presentation" class="">
                                <a href="#3tab_content2" role="tab" id="3profile-tab1" data-toggle="tab"
                                   aria-expanded="false">视频</a>
                            </li>
                            <li role="presentation" class="">
                                <a href="#3tab_content3" role="tab" id="3profile-tab2" data-toggle="tab"
                                   aria-expanded="false">音频</a>
                            </li>
                        </ul>
                        <div id="3myTabContent" class="tab-content">
                            <div role="tabpanel" class="tab-pane fade" id="3tab_content1"
                                 aria-labelledby="2home-tab">
                                <div class="form-group">
                                    <input name="imgFile" class="file" type="file" multiple/>
                                    <input  class="imgStr" type="hidden" name="imgStr"/>
                                </div>
                            </div>
                            <div role="tabpanel" class="tab-pane fade" id="3tab_content2" aria-labelledby="profile-tab">
                                <div style="width: 100%; min-height: 120px; height: auto; max-height: 280px;  overflow:hidden; overflow-y: scroll;">
                                    <!--视频展示以及视频插件-->
                                    <div class="form-group">
                                        <input name="vedioFile" class="file" type="file" multiple
                                               data-preview-file-type="any"/>
                                        <input  class="vedioStr" type="hidden" name="vedioStr"/>
                                    </div>
                                </div>
                            </div>
                            <div role="tabpanel" class="tab-pane fade" id="3tab_content3" aria-labelledby="profile-tab">
                                <div style="width: 100%; min-height: 120px; height: auto; max-height: 280px;  overflow:hidden; overflow-y: scroll;">
                                    <!--音频展示以及音频插件-->
                                    <div class="form-group">
                                        <input name="audioFile" class="file" type="file" multiple
                                               data-preview-file-type="any"/>
                                        <input  class="audioStr" type="hidden" name="audioStr"/>
                                    </div>
                                </div>
                            </div>
                            <div role="tabpanel" class="tab-pane fade  active in" id="3tab_content4"
                                 aria-labelledby="profile-tab">
                                <div style="width: 100%; min-height: 120px; height: auto; max-height: 280px;  overflow:hidden; overflow-y: scroll;">
                                    <textarea class="in_block"
                                              style="outline: none; width: 100%; min-height: 120px; height: auto; max-height: 280px;"
                                              id="comment2"
                                              name="comment"
                                              placeholder="请输入处理意见..."></textarea>
                                </div>
                            </div>
                            <div role="tabpanel" class="tab-pane fade " id="3tab_content5"
                                 aria-labelledby="profile-tab">
                                <ul id="treeOrg" class="ztree"></ul>
                                <input style="float: inherit;" class="col-md-11 col-xs-12" type="text" id="treeOrgName"
                                       disabled="disabled"/>
                                <input class="form-control col-md-7 col-xs-12" type="hidden" id="treeOrgId"/>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <div class="back">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                        </button>
                        <button type="button" class="btn btn-primary click_step">下一步
                        </button>
                    </div>
                    <div class="next_step">
                        <button type="button" class="btn btn-primary" onclick="completeFendui()" id="complete3">
                        </button>
                    </div>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>
</form>
<!--  下派到人  -->
<form action="" id="findForm3" enctype="multipart/form-data" class="form-inline" style="z-index: 10000">
    <div class="modal fade" id="myModa3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        &times;
                    </button>
                    <h4 class="modal-title" id="myModalLabel3">
                        案件详情
                    </h4>
                </div>
                <th><input id="taskId4" name="taskId" type="hidden"/></th>
                <th><input id="outcome4" name="outCome" type="hidden"/></th>
                <th><input id="assigneeList3" type="hidden" name="assigneeList"/></th>
                <div class="modal-body">
                    <div class="" role="tabpanel" data-example-id="togglable-tabs">
                        <ul id="4myTab" class="nav nav-tabs bar_tabs" role="tablist">
                            <li role="presentation" class="active">
                                <a href="#4tab_content4" role="tab" id="4profile-tab3" data-toggle="tab"
                                   aria-expanded="false">处理意见</a>
                            </li>
                            <li role="presentation">
                                <a href="#4tab_content5" role="tab" id="4profile-tab" data-toggle="tab"
                                   aria-expanded="false">下派个人</a>
                            </li>
                            <li role="presentation" class="">
                                <a href="#4tab_content1" id="4home-tab" role="tab" data-toggle="tab"
                                   aria-expanded="true">图片</a>
                            </li>
                            <li role="presentation" class="">
                                <a href="#4tab_content2" role="tab" id="4profile-tab1" data-toggle="tab"
                                   aria-expanded="false">视频</a>
                            </li>
                            <li role="presentation" class="">
                                <a href="#4tab_content3" role="tab" id="4profile-tab2" data-toggle="tab"
                                   aria-expanded="false">音频</a>
                            </li>
                        </ul>
                        <div id="4myTabContent" class="tab-content">
                            <div role="tabpanel" class="tab-pane fade" id="4tab_content1"
                                 aria-labelledby="2home-tab">
                                <!--<input type="file" name="filePcitureOne"/>-->
                                <!--<input type="file" name="filePcitureTwo"/>-->
                                <div class="form-group">
                                    <input name="imgFile" class="file" type="file" multiple/>
                                    <input  class="imgStr" type="hidden" name="imgStr"/>
                                </div>
                            </div>
                            <div role="tabpanel" class="tab-pane fade" id="4tab_content2" aria-labelledby="profile-tab">
                                <div style="width: 100%; min-height: 120px; height: auto; max-height: 280px;  overflow:hidden; overflow-y: scroll;">
                                    <!--视频展示以及视频插件-->
                                    <div class="form-group">
                                        <input name="vedioFile" class="file" type="file" multiple
                                               data-preview-file-type="any"/>
                                        <input  class="vedioStr" type="hidden" name="vedioStr"/>
                                    </div>
                                </div>
                            </div>
                            <div role="tabpanel" class="tab-pane fade" id="4tab_content3" aria-labelledby="profile-tab">
                                <div style="width: 100%; min-height: 120px; height: auto; max-height: 280px;  overflow:hidden; overflow-y: scroll;">
                                    <!--音频展示以及音频插件-->
                                    <div class="form-group">
                                        <input name="audioFile" class="file" type="file" multiple
                                               data-preview-file-type="any"/>
                                        <input  class="audioStr" type="hidden" name="audioStr"/>
                                    </div>
                                </div>

                            </div>
                            <div role="tabpanel" class="tab-pane fade  active in" id="4tab_content4"
                                 aria-labelledby="profile-tab">
                                <div style="width: 100%; min-height: 120px; height: auto; max-height: 280px;  overflow:hidden; overflow-y: scroll;">
                                    <textarea class="in_block"
                                              style="outline: none; width: 100%; min-height: 120px; height: auto; max-height: 280px;"
                                              id="comment3"
                                              name="comment"
                                              value="处理意见" placeholder="请输入处理意见..."></textarea>
                                </div>
                            </div>
                            <div role="tabpanel" class="tab-pane fade " id="4tab_content5"
                                 aria-labelledby="profile-tab">
                                <ul id="treeDemo" class="ztree"></ul>
                                <input style="float: inherit;" class="col-md-11 col-xs-12" type="text" id="treeEmpName"
                                       disabled="disabled"/>
                                <input class="form-control col-md-7 col-xs-12" type="hidden" id="treeEmpId"/>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <div class="back">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                        </button>
                        <button type="button" class="btn btn-primary click_step">下一步
                        </button>
                    </div>
                    <div class="next_step">
                        <button type="button" class="btn btn-primary" onclick="completeEmps()" id="complete4">
                        </button>
                    </div>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>
</form>
<!--  交办社区  -->
<form action="" id="findForm4" enctype="multipart/form-data" class="form-inline" style="z-index: 10000">
    <div class="modal fade" id="myModa4" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        &times;
                    </button>
                    <h4 class="modal-title" id="myModalLabel4">
                        案件详情
                    </h4>
                </div>
                <th><input id="taskId5" name="taskId" type="hidden"/></th>
                <th><input id="outcome5" name="outCome" type="hidden"/></th>
                <th><input id="assigneeList4" type="hidden" name="assignee"/></th>
                <div class="modal-body">
                    <div class="" role="tabpanel" data-example-id="togglable-tabs">
                        <ul id="5myTab" class="nav nav-tabs bar_tabs" role="tablist">
                            <li role="presentation" class="active">
                                <a href="#5tab_content4" role="tab" id="5profile-tab3" data-toggle="tab"
                                   aria-expanded="false">处理意见</a>
                            </li>
                            <li role="presentation">
                                <a href="#5tab_content5" role="tab" id="5profile-tab" data-toggle="tab"
                                   aria-expanded="false">下派社区</a>
                            </li>
                            <li role="presentation" class="">
                                <a href="#5tab_content1" id="5home-tab" role="tab" data-toggle="tab"
                                   aria-expanded="true">图片</a>
                            </li>
                            <li role="presentation" class="">
                                <a href="#5tab_content2" role="tab" id="5profile-tab1" data-toggle="tab"
                                   aria-expanded="false">视频</a>
                            </li>
                            <li role="presentation" class="">
                                <a href="#5tab_content3" role="tab" id="5profile-tab2" data-toggle="tab"
                                   aria-expanded="false">音频</a>
                            </li>
                        </ul>
                        <div id="5myTabContent" class="tab-content">
                            <div role="tabpanel" class="tab-pane fade" id="5tab_content1"
                                 aria-labelledby="2home-tab">
                                <!--<input type="file" name="filePcitureOne"/>-->
                                <!--<input type="file" name="filePcitureTwo"/>-->
                                <div class="form-group">
                                    <input name="imgFile" class="file" type="file" multiple/>
                                    <input class="imgStr" type="hidden" name="imgStr"/>
                                </div>
                            </div>
                            <div role="tabpanel" class="tab-pane fade" id="5tab_content2" aria-labelledby="profile-tab">
                                <div style="width: 100%; min-height: 120px; height: auto; max-height: 280px;  overflow:hidden; overflow-y: scroll;">
                                    <!--视频展示以及视频插件-->
                                    <div class="form-group">
                                        <input name="vedioFile" class="file" type="file" multiple
                                               data-preview-file-type="any"/>
                                        <input  class="vedioStr" type="hidden" name="vedioStr"/>

                                        
                                    </div>
                                </div>
                            </div>
                            <div role="tabpanel" class="tab-pane fade" id="5tab_content3" aria-labelledby="profile-tab">
                                <div style="width: 100%; min-height: 120px; height: auto; max-height: 280px;  overflow:hidden; overflow-y: scroll;">
                                    <!--音频展示以及音频插件-->
                                    <div class="form-group">
                                        <input name="audioFile" class="file" type="file" multiple
                                               data-preview-file-type="any"/>
                                        <input  class="audioStr" type="hidden" name="audioStr"/>
                                        
                                    </div>
                                </div>

                            </div>
                            <div role="tabpanel" class="tab-pane fade  active in" id="5tab_content4"
                                 aria-labelledby="profile-tab">
                                <div style="width: 100%; min-height: 120px; height: auto; max-height: 280px;  overflow:hidden; overflow-y: scroll;">
                                    <textarea class="in_block"
                                              style="outline: none; width: 100%; min-height: 120px; height: auto; max-height: 280px;"
                                              id="comment4"
                                              name="comment"
                                              value="处理意见" placeholder="请输入处理意见..."></textarea>
                                </div>
                            </div>
                            <div role="tabpanel" class="tab-pane fade " id="5tab_content5"
                                 aria-labelledby="profile-tab">
                                <ul id="treeCommunity" class="ztree"></ul>
                                <input style="float: inherit;" class="col-md-11 col-xs-12" type="text" id="treeComName"
                                       disabled="disabled"/>
                                <input class="form-control col-md-7 col-xs-12" type="hidden" id="treeComId"/>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <div class="back">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                        </button>
                        <button type="button" class="btn btn-primary click_step">下一步
                        </button>
                    </div>
                    <div class="next_step">
                        <button type="button" class="btn btn-primary" onclick="completeComm()" id="complete5">
                        </button>
                    </div>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>
</form>

<div class="Play_area">
    <div class="this_area">
        <img src="../../images/vi_img.png"/>
    </div>
</div>
<style>
    .w_table tbody tr.on {
        background: #eaf4f2;
    }
</style>
<script>
    $(document).ready(function () {
        $(".w_table tbody tr").click(function () {
            $(".w_table tbody tr").removeClass("on")
            $(this).addClass("on");
        });
    });


</script>

<script type="text/javascript" th:inline="javascript">
    /*<![CDATA[*/

    $(document).ready(function () {

        $('#myCarousel').carousel();
        $(".this_block").each(function () {
            $(this).click(function () {
                $(".Play_area").fadeIn();
            })
        });
        $(".Play_area").click(function () {
            $(this).fadeOut();
        })

        var eventId = [[${eventId}]];
        if (eventId != null) {

            $("#text tr").each(function () {
                if ($(this).attr("id") == eventId) {
                    assignment2($(this).attr("id"),$(this).attr("lng"),$(this).attr("lat"));
                }
            })
        }

    });


//    $("input[name='UploadPictures']").fileinput({
//        allowedFileExtensions: ["jpg", "gif", "png"],
//
//    });
    //   bootStrap  fileInput 限制上传规格   视频
//    $("input[name='UploadVideo']").fileinput({
//        allowedFileExtensions: ["mp4", "avi", "rmvb"]
//    });
//    //   bootStrap  fileInput 限制上传规格   音频
//    $("input[name='UploadAudio']").fileinput({
//        allowedFileExtensions: ["mp3"]
//    });
    $(document).ready(function () {
        var bu_span = $(".bu_left").parent(".bu_hover").width();
        $(".bu_left").css("left", bu_span + "px");
        $(".cl_button").click(function () {
            $(".table").fadeOut();
            $(".work_handle").fadeIn(1000);

        });
        $(".bg_button").click(function () {
            $(".table").fadeIn();
            $(".work_handle").fadeOut();
        });
        $(".click_step").click(function () {
            $(".back").css("display", "none");
            $(".next_step").css("display", "block");
        });
        $(".initial_block").click(function () {
            $(".back").css("display", "block");
            $(".next_step").css("display", "none");
        });

        $(".cl_button").click(function () {
            $(".table").fadeOut();
            $(".work_handle").fadeIn(1000);

        });
        $(".bg_button").click(function () {
            $(".table").fadeIn();
            $(".work_handle").fadeOut();
        });


        $(".list_top .tit").click(function () {
            var $this = $(this);
            var index = $this.index();
            $(this).parent(".list_top").find(".tit").removeClass("on");
            $(this).parent(".list_top").next(".list_down").find(".do_con").removeClass("on");
            $(this).addClass("on");
            $(this).parent(".list_top").next(".list_down").find(".do_con").eq(index).addClass("on");
        });


        $(".img_click li").click(function () {
            $(".img_block").fadeIn(1000);
        });

        $(".img_shut").click(function () {
            $(".img_block").fadeOut(1000);
        });

    })
    $(function () {
        $('.tree li:has(ul)').addClass('parent_li').find(' > span').attr('title', 'Collapse this branch');
        $('.tree li.parent_li > span').on('click', function (e) {
            var children = $(this).parent('li.parent_li').find(' > ul > li');
            if (children.is(":visible")) {
                children.hide('fast');
                $(this).attr('title', 'Expand this branch').prev('input').prev(' i').addClass('fa-folder').removeClass('fa-folder-open');
            } else {
                children.show('fast');
                $(this).attr('title', 'Collapse Expand this branch').prev('input').prev(' i').addClass('fa-folder-open').removeClass('fa-folder');
            }
            e.stopPropagation();
        });
        $(".cx").click(function () {
            $(".cx_block").css("display", "inline-block");
        })
    });
    $(".yi_che").click(function () {
        if (this.checked) {
            $(this).next("span").next("ul").find("input").each(function () {
                this.checked = true;
            });
        } else {
            $(this).next("span").next("ul").find("input").each(function () {
                this.checked = false;
            });
        }
    });

    //地图
    var SERVERIP = $("#SERVERIP").val(), LNGLOA = $("#LNGLOA").val(), LATLOA = $("#LATLOA").val();
    var map, layerCH, pointVector, vector,vector2, layer, markerlayer, marker, dataAdded = false,
        urlCH = SERVERIP + HB_SERVER_CH,
        url = SERVERIP+HB_SERVER_IP;//地图服务地址

    //初始化地图及图层
    $(function () {
        map = new SuperMap.Map("map", {
            controls: [
//                new SuperMap.Control.Zoom(),
                new SuperMap.Control.Navigation()
//                new SuperMap.Control.LayerSwitcher()
            ],
            units: "m", allOverlays: true
        });
        layer = new SuperMap.Layer.TiledDynamicRESTLayer("World", url, null, {
            maxResolution: "auto"
        });
        markerlayer = new SuperMap.Layer.Markers("markerLayer");
        vector = new SuperMap.Layer.Vector("vector");
        vector2 = new SuperMap.Layer.Vector("vector");
        layer.events.on({
            "layerInitialized": addLayer1
        });

    });

    //加载
    function addLayer1() {
        layerCH = new SuperMap.Layer.TiledDynamicRESTLayer("中文注释", urlCH, {
            transparent: true,
            cacheEnabled: true
        });
        layerCH.events.on({
            "layerInitialized": addLayer2
        });
        layerCH.setOpacity(0.9);
    }

    function addLayer2() {
        map.addLayers([layer,layerCH, markerlayer, vector, vector2]);
        //显示地图范围
        map.setCenter(new SuperMap.LonLat(LNGLOA,LATLOA), 13);
    }

    //选中行，对详细信息赋值
    function assignment(obj) {

        var eventId = $(obj).attr("id");
        var lng = $(obj).attr("lng");
        var lat = $(obj).attr("lat");
        //清空图层
        vector.removeAllFeatures();
        if (marker != undefined) {
            markerlayer.removeMarker(marker);
        }
        var point = new SuperMap.Geometry.Point(lng, lat);
        //给点定义样式，此处是超图的矢量图
        pointVector = new SuperMap.Feature.Vector(point);
        pointVector.style = {
            fillColor: "#fff", //内圈颜色
            strokeColor: "#fff", //外圈颜色
            pointRadius: 1 //点的大小
        };
        //图片大小限制
        var size = new SuperMap.Size(44, 33);
        //偏移量
        var icon = new SuperMap.Icon('../images/1111.gif', size);
        marker = new SuperMap.Marker(new SuperMap.LonLat(lng, lat), icon);
        //打点
        vector.addFeatures(pointVector);
        markerlayer.addMarker(marker);

        $("#test").val(eventId);
        $.post("/event/findCommentByObjecId", {"eventId": eventId}, function (result) {
            var content = "";
            var str = new Array()
            $.each(result, function (index, item) {
                str = item.userId.split("_");
                content += "<li style='font-size: 14px;'> <div class='block'><div class='tags'><a class='tag'>";
                if (str[0] != null) {
                    content += "     <span>" + str[1] + "</span>";
                } else {
                    content += "     <span>未设置</span>";
                }
                content += "     </a> </div>";
                content += "    <div class='block_content'> <h2 class='title' style='font-size: 14px; ' >";
                if (str[2] != null) {
                    content += "     <span style='font-weight: 600;'>部门名称：</span><a>" + str[0] + "</a>";
                } else {
                    content += "      <span style='font-weight: 600;'>部门名称：</span><a>未设置</a>";
                }
                content += "     </h2> <div class='byline' style='font-style: inherit; color: #5A738E;'>";
                if (str[1] != null) {
                    content += "    处 &nbsp;理 &nbsp;&nbsp;人：<a>" + str[2] + "</a>";
                } else {
                    content += "     处理人：<a>未设置</a>";
                }
                content += "    </div>";
                content += "   <p class='excerpt'>处理意见：" + item.fullMessage + " <a>";
                if (str[3] != "" && str[3] != null) {
                    content += '       <button type="button" onclick="getEventAccessory(\'' + str[3] + '\')" class="btn btn-primary btn-lg" style="float: right" > 附件详情</button>';
                }
                content += "     </a> </p></div></div></li>";
            })
            $("#commentTree").empty();
            $("#commentTree").append(content);
        });

        $.post("/event/eventInfo", {"eventId": eventId}, function (result) {
            $("#empName1").val(result.eventTitle);//人员
            $("#eventTypeId").val(result.val);//类别
            $("#gridId").val(result.gridName);//网格
            $("#eventLocation").val(result.eventLocation);//地址
            $("#lng").val(result.lng);
            $("#lat").val(result.lat);
            $("#eventCode").val(result.eventCode);
            $("#eventContent").val(result.eventContent);
        });
    }


    function assignment2(eventId,lng,lat) {
        //清空图层
        //vector2.removeAllFeatures();
        if (marker != undefined) {
            markerlayer.removeMarker(marker);
        }
        var point = new SuperMap.Geometry.Point(lng, lat);
        //给点定义样式，此处是超图的矢量图
        pointVector = new SuperMap.Feature.Vector(point);
        pointVector.style = {
            fillColor: "#fff", //内圈颜色
            strokeColor: "#fff", //外圈颜色
            pointRadius: 1 //点的大小
        };
        //图片大小限制
        var size = new SuperMap.Size(44, 33);
        //偏移量
        var icon = new SuperMap.Icon('../images/1111.gif', size);
        marker = new SuperMap.Marker(new SuperMap.LonLat(lng, lat), icon);
        //打点
        //vector2.addFeatures(pointVector);
        //markerlayer.addMarker(marker);

        $("#test").val(eventId);
        $.post("/event/findCommentByObjecId", {"eventId": eventId}, function (result) {
            var content = "";
            var str = new Array()
            $.each(result, function (index, item) {
                str = item.userId.split("_");
                content += "<li> <div class='block'><div class='tags'><a class='tag'>";
                if (str[0] != null) {
                    content += "     <span>" + str[1] + "</span>";
                } else {
                    content += "     <span>未设置</span>";
                }
                content += "     </a> </div>";
                content += "    <div class='block_content'> <h2 class='title'>";
                if (str[2] != null) {
                    content += "     <a>" + str[0] + "</a>";
                } else {
                    content += "      <a>未设置</a>";
                }
                content += "     </h2> <div class='byline'>";
                if (str[1] != null) {
                    content += "    by <a>" + str[2] + "</a>";
                } else {
                    content += "      <a>未设置</a>";
                }
                content += "    </div>";
                content += "   <p class='excerpt'>" + item.fullMessage + " <a>";
                if (str[3] != "" && str[3] != null) {
                    content += '       <button type="button" onclick="getEventAccessory(\'' + str[3] + '\')" class="btn btn-primary btn-lg" style="float: right" > 附件详情</button>';
                }
                content += "     </a> </p></div></div></li>";
            })
            $("#commentTree").empty();
            $("#commentTree").append(content);
        });

        $.post("/event/eventInfo", {"eventId": eventId}, function (result) {
            $("#empName1").val(result.eventTitle);//人员
            $("#eventTypeId").val(result.val);//类别
            $("#gridId").val(result.gridId);//网格
            $("#eventLocation").val(result.eventLocation);//地址
            $("#lng").val(result.lng);
            $("#lat").val(result.lat);
            $("#eventCode").val(result.eventCode);
            $("#eventContent").val(result.eventContent);
        });
    }


    function getImg(obj) {
        var id = $(obj).attr("id");
        $("#img").attr("src", "/event/viewImage?id=" + id);
        $.post("/event/findCoordingByTaskId", {"id": id}, function (result) {
            $("#imgstyle").attr("style", " position: absolute; top: " + result.y + "px; left: " + result.x + "px; width: " + result.width + "px; height: " + result.height + "px; z-index: 2; ");
        });
    }
    /*]]>*/
</script>
<!-- 树的数据 派遣执办 下派个人 -->
<script type="text/javascript" th:inline="javascript">
    /*<![CDATA[*/
    var vaodes = eval([[${empList}]]);

    var treeDemo;

    var setting = {
        callback: {
            onCheck: zTreeOnClick
        },
        check: {
            enable: true,   //true / false 分别表示 显示 / 不显示 复选框或单选框
            autoCheckTrigger: true,   //true / false 分别表示 触发 / 不触发 事件回调函数
            chkStyle: "checkbox",   //勾选框类型(checkbox 或 radio）
            chkboxType: {"Y": "p", "N": "s"}   //勾选 checkbox 对于父子节点的关联关系
        },
        data: {//数据加载
            keep: {
                parent: true,
                leaf: true
            },
            simpleData: {
                enable: true,
                idKey: "orgId",
                pIdKey: "pid"
            },
            key: {
                name: "orgName"
            }
        }
    };

    $(function () {
        treeDemo = $.fn.zTree.init($("#treeDemo"), setting, vaodes);
        treeDemo.expandAll(true);
    });

    function zTreeOnClick(event, treeId, treeNode) {
        var nodes = treeDemo.getCheckedNodes(true);
        if (nodes.length > 0) {
            var id = "";
            var name = "";
            for (var i = 0; i < nodes.length; i++) {
                id += nodes[i].orgId + ",";
                name += nodes[i].orgName + ",";
            }
            $("#treeEmpId").val(id);
            $("#treeEmpName").val(name);
        } else {
            $("#treeEmpId").val("");
            $("#treeEmpName").val("");
        }
    }
    /*]]>*/
</script>
<!-- 树的数据  上报街道 -->
<script type="text/javascript" th:inline="javascript">
    /*<![CDATA[*/
    var vaodes = eval([[${pOrgList}]]);

    var treeOrg;

    var setting = {
        callback: {
            onClick: zTreeOnClick
        },
        check: {
            enable: false,   //true / false 分别表示 显示 / 不显示 复选框或单选框
            autoCheckTrigger: true,   //true / false 分别表示 触发 / 不触发 事件回调函数
            chkStyle: "radio",   //勾选框类型(checkbox 或 radio）
            chkboxType: {"Y": "p", "N": "s"}   //勾选 checkbox 对于父子节点的关联关系
        },
        data: {//数据加载
            keep: {
                parent: true,
                leaf: true
            },
            simpleData: {
                enable: true,
                idKey: "orgId",
                pIdKey: "pid"
            },
            key: {
                name: "orgName"
            }
        }
    };

    $(function () {
        treeOrg = $.fn.zTree.init($("#treeOrg"), setting, vaodes);
        treeOrg.expandAll(true);
    });

    function zTreeOnClick(event, treeId, treeNode) {
        $("#treeOrgId").val(treeNode.orgId + ",");
        $("#treeOrgName").val(treeNode.orgName);
    }
    /*]]>*/
</script>
<!-- 树的数据  交办社区 -->
<script type="text/javascript" th:inline="javascript">
    /*<![CDATA[*/
    var vaodes = eval([[${orgList}]]);

    var treeCommunity;

    var setting = {
        callback: {
            onCheck: zTreeOnClick
        },
        check: {
            enable: true,   //true / false 分别表示 显示 / 不显示 复选框或单选框
            autoCheckTrigger: true,   //true / false 分别表示 触发 / 不触发 事件回调函数
            chkStyle: "checkbox",   //勾选框类型(checkbox 或 radio）
            chkboxType: {"Y": "p", "N": "s"}   //勾选 checkbox 对于父子节点的关联关系
        },
        data: {//数据加载
            keep: {
                parent: true,
                leaf: true
            },
            simpleData: {
                enable: true,
                idKey: "orgId",
                pIdKey: "pid"
            },
            key: {
                name: "orgName"
            }
        }
    };

    $(function () {
        treeCommunity = $.fn.zTree.init($("#treeCommunity"), setting, vaodes);
        treeCommunity.expandAll(true);
    });

    function zTreeOnClick(event, treeId, treeNode) {
        var nodes = treeCommunity.getCheckedNodes(true);
        if (nodes.length > 0) {
            var id = "";
            var name = "";
            for (var i = 0; i < nodes.length; i++) {
                id += nodes[i].orgId + ",";
                name += nodes[i].orgName + ",";
            }
            $("#treeComId").val(id);
            $("#treeComName").val(name);
        } else {
            $("#treeComId").val("");
            $("#treeComName").val("");
        }
    }
    /*]]>*/
</script>

<script type="text/javascript" th:inline="javascript">
    $("input[name='imgFile']").fileinput({
        language: 'zh', //设置语言
        uploadUrl: "/event/getImgFileName", //上传的地址
        allowedFileExtensions: ['jpg', 'gif', 'png'],//接收的文件后缀
        //uploadExtraData:{"id": 1, "fileName":'123.mp3'},
        uploadAsync: true, //默认异步上传
        showUpload: true, //是否显示上传按钮
        showRemove: true, //显示移除按钮
        showPreview: true, //是否显示预览
        showCaption: false,//是否显示标题
        browseClass: "btn btn-primary", //按钮样式
        dropZoneEnabled: false,//是否显示拖拽区域
        //minImageWidth: 50, //图片的最小宽度
        //minImageHeight: 50,//图片的最小高度
        //maxImageWidth: 1000,//图片的最大宽度
        //maxImageHeight: 1000,//图片的最大高度
        //maxFileSize:0,//单位为kb，如果为0表示不限制文件大小
        //minFileCount: 0,
        maxFileCount: 10, //表示允许同时上传的最大文件个数
        enctype: 'multipart/form-data',
        validateInitialCount: true,
        previewFileIcon: "<iclass='glyphicon glyphicon-king'></i>",
        msgFilesTooMany: "选择上传的文件数量({n}) 超过允许的最大数值{m}！",
    }).on("fileuploaded", function (event, data, previewId, index) {
        $(".imgStr").val(data.response);
    });

    $("input[name='audioFile']").fileinput({
        language: 'zh', //设置语言
        uploadUrl: "/event/getAudioFileName", //上传的地址
        allowedFileExtensions: ['mp3'],//接收的文件后缀
        //uploadExtraData:{"id": 1, "fileName":'123.mp3'},
        uploadAsync: true, //默认异步上传
        showUpload: true, //是否显示上传按钮
        showRemove: true, //显示移除按钮
        showPreview: true, //是否显示预览
        showCaption: false,//是否显示标题
        browseClass: "btn btn-primary", //按钮样式
        dropZoneEnabled: false,//是否显示拖拽区域
        //minImageWidth: 50, //图片的最小宽度
        //minImageHeight: 50,//图片的最小高度
        //maxImageWidth: 1000,//图片的最大宽度
        //maxImageHeight: 1000,//图片的最大高度
        //maxFileSize:0,//单位为kb，如果为0表示不限制文件大小
        //minFileCount: 0,
        maxFileCount: 10, //表示允许同时上传的最大文件个数
        enctype: 'multipart/form-data',
        validateInitialCount: true,
        previewFileIcon: "<iclass='glyphicon glyphicon-king'></i>",
        msgFilesTooMany: "选择上传的文件数量({n}) 超过允许的最大数值{m}！",
    }).on("fileuploaded", function (event, data, previewId, index) {
        $(".audioStr").val(data.response);
    });

    $("input[name='vedioFile']").fileinput({
        language: 'zh', //设置语言
        uploadUrl: "/event/getVedioFileName", //上传的地址
        allowedFileExtensions: ['mp4', 'avi'],//接收的文件后缀
        //uploadExtraData:{"id": 1, "fileName":'123.mp3'},
        uploadAsync: true, //默认异步上传
        showUpload: true, //是否显示上传按钮
        showRemove: true, //显示移除按钮
        showPreview: true, //是否显示预览
        showCaption: false,//是否显示标题
        browseClass: "btn btn-primary", //按钮样式
        dropZoneEnabled: false,//是否显示拖拽区域
        //minImageWidth: 50, //图片的最小宽度
        //minImageHeight: 50,//图片的最小高度
        //maxImageWidth: 1000,//图片的最大宽度
        //maxImageHeight: 1000,//图片的最大高度
        //maxFileSize:0,//单位为kb，如果为0表示不限制文件大小
        //minFileCount: 0,
        maxFileCount: 10, //表示允许同时上传的最大文件个数
        enctype: 'multipart/form-data',
        validateInitialCount: true,
        previewFileIcon: "<iclass='glyphicon glyphicon-king'></i>",
        msgFilesTooMany: "选择上传的文件数量({n}) 超过允许的最大数值{m}！",
    }).on("fileuploaded", function (event, data, previewId, index) {
        $(".vedioStr").val(data.response);
    });
</script>